<template>
	<view class="container" :style="'height:'+screenHeight+'px!important;'">
		<view class="uni-nav">
			<image class="uni-nav-left-img" src="../../static/icon/back.png" @click="back()"></image>
			<label>创建地址</label>
			<image class="uni-nav-right-img"></image>
		</view>
		<view class="input-bg">
			<image src="../../static/icon/wallet_name.png"></image>
			<input class="uni-input-text" type="text" value="" placeholder="请输入钱包名称"></input>
		</view>
		<view class="input-bg" style="margin-top: 37upx;">
			<image src="../../static/icon/psw.png"></image>
			<input class="uni-input-text" type="text" value="" placeholder="请再次输入您的安全密码" password="true"></input>
		</view>
		<view class="ensure">
			<image src="../../static/icon/ensure.png" @click="navTo('back_up_mnemonic')"></image>
		</view>
	</view>
</template>

<script>
	export default{
		data() {
			return {
				screenHeight: "",
			}
		},
		onLoad() {
			this.screenHeight = uni.getSystemInfoSync().windowHeight;
		},
		methods:{
			navTo(url){
			 uni.navigateTo({
			 	url:url
			 })
			},
			back(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style scoped>
	.container{
		background-image: url(../../static/icon/wallet_bg.png);
		background-size: 100% 100%;
	}
	.input-bg{
		display: flex;
		flex-direction: row;
		position: relative;
		align-items: center;
		background-size: 100% 100%;
		background-image: url(../../static/icon/input_bg.png);
		margin-left: 40upx;
		margin-right: 40upx;
		margin-top: 99upx;
		height: 123upx;
	}
	.input-bg image{
		width:30upx ;
		height: 33upx;
		margin-left: 28upx;
	}
	.input-bg input{
		margin-left: 26upx;
		font-size: 26upx;
		color: white;
	}
	.ensure{
		display: flex;
		justify-content: center;
	}
	.ensure image{
		width: 288upx;
		height: 82upx;
		margin-top: 197upx;
	}
</style>
